<!DOCTYPE html>
<html>

<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>组团详情</title>
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/iconfont/font_tuan.css" rel="stylesheet" type="text/css">
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/common.css" rel="stylesheet" type="text/css">
    <link href="{$Think.config.RESOURCEURL}wx_assets/micontent/materiaDetail.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/product/product_detail.css{$Think.config.RESOURCE_VER}" rel="stylesheet" type="text/css">
    <if condition="$mallHue.mallHue eq '1'">
        <link href="{$Think.config.RESOURCEURL}wx_assets/tuan/view_blue.css{$Think.config.RESOURCE_VER}" rel="stylesheet" type="text/css">
        <link href="{$Think.config.RESOURCEURL}wx_assets/css/product/new_detail_blue.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
        <else/>
        <link href="{$Think.config.RESOURCEURL}wx_assets/tuan/view.css{$Think.config.RESOURCE_VER}" rel="stylesheet" type="text/css">
        <link href="{$Think.config.RESOURCEURL}wx_assets/css/product/new_detail.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
    </if>
    <link href="//at.alicdn.com/t/font_247327_bb93xb90dm5i2j4i.css" rel="stylesheet" type="text/css">
    <!-- <script src="http://sdk.talkingdata.com/app/h5/v1?appid=DE13C350F41F5DE78FEC51DB5DE730D1&vn=v2&vc=v2"></script> -->
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.1.1.3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.alert.js"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/util.js{$Think.config.RESOURCE_VER}" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/product/product_single_list.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/product/m_city.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/product/z.citys.js{$Think.config.RESOURCE_VER}"></script>
    <style>
        body{background-color:#EFF3F2}
        @font-face {
            font-family: 'iconfont';
            src: url('//at.alicdn.com/t/font_1459493616_9026372.eot'); /* IE9*/
            src: url('//at.alicdn.com/t/font_1459493616_9026372.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('//at.alicdn.com/t/font_1459493616_9026372.woff') format('woff'), /* chrome、firefox */
            url('//at.alicdn.com/t/font_1459493616_9026372.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('//at.alicdn.com/t/font_1459493616_9026372.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
    </style>
</head>
<body>
<!--关注浮层 begin-->
<!--0表示未关注，1表示已关注-->
<if condition="$subscribe eq '0'">
    <div class="careview">
        <img src="{$mall.logo}" alt="" />
        <a href='{$mall.wechaturl}'>立即关注</a>
        <empty name="mall.recommend">
            <p>{$mall.wechatname}</p>
            <else />
            <p>{$mall.recommend}</p>
        </empty>

        <span></span>
    </div>
    <script>
        $('.careview > span').on('click',function(){
            $('.careview').hide();
        });
    </script>
</if>
<!--关注浮层 end-->
<div class="iteamShare">
    <div class="productImg" onclick="viewPage.onDetail()">
        <if condition="$picUrl1[1]">
            <img src="{$picUrl1[1]['picUrl']}">
            <else/>
            <img src="{$picUrl}">
        </if>
    </div>
    <div class="container product">
        <div class="pName">
            {$name}
        </div>
        <div class="pPrice">
            组团价：<span>￥{$teamPrice}</span>
            <if condition="$fixedPrice eq ''">
                <del>￥{$discountedPrice}</del>
                <else/>
                <del>￥{$fixedPrice}</del>
            </if>
            <!--<span class="pDetail" onclick="viewPage.onDetail()">查看商品详情&nbsp;></span>-->
        </div>
        <div class="pIteam">
            <volist name="priceTag" id="tag">
                <span>{$tag}</span>
            </volist>
        </div>
        <div class="recommend">
            <empty name="headimgurl">
                <img src="{$Think.config.RESOURCEURL}wx_assets/images/defaultHeadImgTuan.jpg{$Think.config.RESOURCE_VER}" alt="" />
                <else />
                <img src="{$headimgurl}">
            </empty>

            <span><i class="iconfont texttop">&#xe600;</i>{$recommend}<i class="iconfont textbottom">&#xe601;</i></span>
        </div>
    </div>
    <div class="container iteam">
        <div class="promoter"><span style="color:#5D5B5B">{$nickname}</span>发起团购</div>
        <dl>
            <dt>已有<span >{$teamJoinCount}/{$teamCount}</span>人参团
                <if condition="$status eq '3'">
                    <span>（已退款）</span>
                    <elseif condition="$status gt 0" />
                    （<span>组团成功</span>）
                    <else/>
                    <span>（组团进行中）</span>
                </if>
            </dt>
            <volist name="detailList" id="detail">
                <dd>
                    <empty name="detail.headimgurl">
                        <img src="{$Think.config.RESOURCEURL}wx_assets/images/defaultHeadImgTuan.jpg{$Think.config.RESOURCE_VER}" alt="" />
                        <else />
                        <img src="{$detail.headimgurl}">
                    </empty>
                <span style="color:#5D5B5B">
                	<empty name="detail.nickname">
                        密友
                        <else />
                        {$detail.nickname}
                    </empty>
                	
                </span>
                </dd>
            </volist>
        </dl>
        <if condition="$oid eq '' and $status eq '3'">
            <div class="groupBtn">
                <a id="join" class="disabled">我要参团</a>
                <a class="" href="{$mall.storeurl}">更多组团</a>
            </div>
            <elseif condition="$oid eq ''"/>
            <div class="groupBtn">
                <a id="join" style="margin: 8px 28px;">我要参团</a>
            </div>
            <else/>
            <a href="javascript:viewPage.orderDetail()">订单详情</a>
        </if>
        <span class="time">团购结束倒计时：<span id='day'>00</span>天<span id="hours">00</span>小时<span id="minute">00</span>分</span>
    </div>
    <!--<div class="container ruler">
       <dl>
           <dt>组团购玩法</dt>
           <dd>
               <div class="dd_title">
                   <span class="count">1</span>
                   <span class="comment">选择心仪商品</span>
               </div>
               <p>选择好商品后，点击“去开团”</p>
           </dd>
           <dd>
               <div class="dd_title">
                   <span class="count">2</span>
                   <span class="comment">支付开团/参团</span>
               </div>
               <p>支付成功后即可开团/参团，支付金额
                   为团购价格，并获取邀请链接</p>
           </dd>
           <dd>
               <div class="dd_title">
                   <span class="count">3</span>
                   <span class="comment">邀请好友参团</span>
               </div>
               <p>邀请你的好友前来参团</p>
           </dd>
           <dd>
               <div class="dd_title">
                   <span class="count">4</span>
                   <span class="comment">团购结果通知</span>
               </div>
               <p>凑齐所需人数，此团成功，请等待收货。<br/>
                   若团购失败，支付金额将在团购结束后退
                   回您的账户。</p>
           </dd>
       </dl>
    </div>-->
</div>
<div class="productInfo" id="productInfo">
</div>
<div class="p-comment" id="p-comment">
</div>
<div class="p-detail" style="display:block">
    <h2 class="title_box" style="width:100%;box-sizing:border-box">图文详情</h2>
    {$webPageContent}
</div>
<input type="hidden" id="shareHeadImg" value="{$shareHeadImgUrl}">
<script type="text/html" id="commentTpl">
    <h2 class="title_box" style="width:100%;box-sizing: border-box">大家怎么说</h2>
    <%if(list && list.length){
    for(var i=0;i<list.length;i++){
    var item = list[i];
    var imgs = list[i].imgurl;
    item.RESOURCEURL="{$Think.config.RESOURCEURL}";
    %>
    <div class="main">
        <div class="info">
            <%if(item.headImgUrl) {%>
            <span class="head"><img src="<%=item.headImgUrl%>"></span>
            <span class="name"><%=item.nickName%></span>
            <%} else {%>
            <span class="head"><img src="<%=item.RESOURCEURL%>wx_assets/images/defaultHeadImg.png"></span>
            <span class="name">匿名用户</span>
            <%}%>
            <span class="time" style="margin-right:0;font-size: 13px;"><%=item.createTime%></span>
        </div>
        <div class="commen" style="color:#333"><%=item.comment%></div>
        <%if(imgs && imgs.length){%>
        <div class="comnt-img">
            <% for (var y=0;y<imgs.length;y++) {%>
            <div>
                <img src="<%=imgs[y]%>@320h_320w_1e_1c"/>
            </div>
            <%}%>
        </div>
        <%}%>
        <%if(item.sizeName) {%>
        <div class="spec">规格：<%=item.sizeName%>&nbsp;&nbsp;<%=item.colorName%></div>
        <%}%>
    </div>
    <%}}else{%>
    <div class='no-comment'>来晒单嘛！有了你，我就不再孤独！</div>
    <%}%>
    <a href="call.html?userName=&customerId={$customerId}&module=product&method=getcommentList&params=%7B%22pid%22:{$id}%7D" class="getmore">查看更多口碑</a>
</script>
<script type="text/html" id="productInfoTpl">
    <div class="main">
        <div class="info">
            <div class="closeDiv"><div class="close" id="close"></div></div>
            <div class="imgDiv" align="center" onclick="product.toDetail('<%=id%>')">
                <%if(picUrl1[1]){%>
                <img src="<%=picUrl1[1].picUrl%>">
                <%}else{%>
                <img src="<%=picUrl%>">
                <%}%>
            </div>
            <div class="p-name">
                <div class="title" >
                    <%=name%>
                </div>
                <div class="price"><i>&yen;</i><%=teamPrice%>元</div>
            </div>
        </div>
        <div style="overflow-y: auto;max-height: 50vh;-webkit-overflow-scrolling: touch;">
            <%if(supportSpecification=="1"){%>
            <div class="mod_property" id="prop-list">
                <%if(size && size!='null'){%>
                <dl class="size">
                    <dt><%=sizeUnit%></dt>
                    <%if(sizeObj){
                    for(var i=0;i<sizeObj.length;i++){
                    var name=sizeObj[i];
                    var url = sizeUrl[i];
                    %>
                    <%if(sizeUrl[0]){%>
                    <dd data-name="<%=name%>"><img src="<%=url%>"><label><%=name%></label></dd>
                    <%}else{%>
                    <dd data-name="<%=name%>"><%=name%></dd>
                    <%}%>
                    <%}%>
                    <%}%>
                </dl>
                <%}%>
                <%if(color && color!='null'){%>
                <dl class="color">
                    <dt><%=colorUnit%></dt>
                    <%if(colorObj){
                    for(var i=0;i<colorObj.length;i++){
                    var name=colorObj[i];
                    var url = colorUrl[i];
                    %>
                    <%if(colorUrl[0]){%>
                    <dd data-name="<%=name%>"><img src="<%=url%>"><label><%=name%></label></dd>
                    <%}else{%>
                    <dd data-name="<%=name%>"><%=name%></dd>
                    <%}%>
                    <%}%>
                    <%}%>
                </dl>
                <%}%>
            </div>
            <%}%>
            <div class="buyNum">
                <div class="title">购买数量</div>
                <div class="numDiv">
                    <a class="sub disabled" tag="sub" id="sub"></a>
                    <input type="text" readonly="readonly" value="1" class="num" id="buyNum"/>
                    <a class="plus <%if(inventory && supportSpecification=="0" && inventoryCount<2){%>disabled<%}%>" tag="add" id="plus"></a>
                </div>
                <%if(inventory){%>
                    <span class="inventory" id="inventory_count" <%if(supportSpecification=="0" && inventoryCount>0){%>style='display:block'<%} else {%>style="display:none"<%}%>>&nbsp;剩余<span id="stock-num"><%=inventoryCount%></span>件</span>
                    <div class="soldOut" <%if(supportSpecification=="0" && !inventoryCount){%>style='display:block'<%} else {%>style="display:none"<%}%>></div>
                <%}%>
            </div>
            <%if(customized){%>
                <style>
                    select {
                        padding: 0;
                        width: 70px;
                        margin-right: 6px;
                        opacity: 0;
                        height: 44px;
                    }
                </style>
                <ul class="" id="customized" >
                    <%for(var i=0;i<customized.length;i++){
                    var cus = customized[i];%>
                        <li style="line-height:30px;">
                            <div class="customizedName" style="margin:10px 10px 10px 0;display:none"><%=cus.name%></div>
                            <%if(cus.type==2){%>
                                <div style="margin: 10px 0;position:relative">
                                    <i class="icon-xuanze1 cus_icon"></i><input class="customizedDescription" type="text" placeholder="<%=cus.name%>">
                                    <select class="customizedClass customizedData" data-type="<%=cus.type%>"  style="opacity: 0;position:absolute;top:0;left:0">
                                        <option><%=cus.name%></option>
                                        <%if(cus.description){
                                            for(var j=0;j<cus.description.length;j++){
                                            var des = cus.description[j];%>
                                            <option value="<%=des%>"><%=des%></option>
                                        <%}}%>
                                    </select>
                                </div>
                            <%}else if(cus.type==1){%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-riqi2"></i>
                                <input class="customizedDescription" type="text" placeholder="<%=cus.description%>">
                                <input class="customizedClass customizedData" type="date" data-type="<%=cus.type%>" style="opacity: 0;position:absolute;top:0;left:0"/>
                            </div>
                            <%}else if(cus.type==6){%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-dizhi"></i>
                                <div class="customizedClass" id="m_cityed">
                                    <div class="cityselect province"><input placeholder="选择省份"/><i class="down icon-arrowright"></i></div><select name="province" class="p"></select>
                                    <div class="cityselect city"><input placeholder="选择城市"/><i class="down icon-arrowright"></i></div><select name="city" class="c"></select>
                                    <div class="cityselect area"><input placeholder="选择"/><i class="down icon-arrowright"></i></div><select name="area" class="a"></select>
                                </div>
                            </div>
                            <input type="hidden" class="customizedDescription" data-type="<%=cus.type%>">
                            <%}else if(cus.type==7){%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-shijian-copy"></i>
                                <input class="customizedDescription" type="text" placeholder="<%=cus.description%>">
                                <input class="customizedClass customizedData" type="time" data-type="<%=cus.type%>" style="opacity: 0;position:absolute;top:0;left:0"/>
                            </div>
                            <%}else if(cus.type==3){%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-ren"></i>
                                <input class="customizedDescription" type="text" placeholder="<%=cus.description%>" data-type="<%=cus.type%>"/>
                            </div>
                            <%}else if(cus.type==4){%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-shouji"></i>
                                <input class="customizedDescription" type="tel" placeholder="<%=cus.description%>" data-type="<%=cus.type%>"/>
                            </div>
                            <%}else if(cus.type==5){%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-youxiang"></i>
                                <input class="customizedDescription" type="text" placeholder="<%=cus.description%>" data-type="<%=cus.type%>"/>
                            </div>
                            <%}else{%>
                            <div style="margin: 10px 0;position:relative">
                                <i class="cus_icon icon-neirong"></i>
                                <input class="customizedDescription" type="text" placeholder="<%=cus.description%>" data-type="<%=cus.type%>"/>
                            </div>
                            <%}%>
                        </li>
                    <%}%>
                </ul>
            <%}%>
        </div>
    <div data-id="<%=id%>" class="beSure <%if(inventory && supportSpecification=="0" && !inventoryCount){%>btn_disabled<%}%>" onclick="product.buy(this)">确定</div>
    </div>
</script>
<div class="mask"></div>
</body>
<script>

    var showImg=function(){

        $('.comnt-img').each(function(){
            var imgs=new Array;
            $(this).children().each(function(){
                var _index=$(this).find('img').attr('src').split('@')[0];
                imgs.push(_index);
            })
            $(this).children().unbind('click');
            $(this).children().on('click',function(){

                var activeImg=$(this).find('img').attr('src').split('@')[0];
                console.log(imgs+','+activeImg);
                wx_share.showImg(imgs,activeImg);
            })
        });
    }

    var baseUrl = '{$Think.config.SERVER_HOST}';
    var hrefPath = baseUrl+'call.html?customerId={$customerId}';
    var basePath = baseUrl+'call.json?customerId={$customerId}&userName={$userName}';
    var p=$.util.getParamAsObject();
    var buyParams={
        "qId":p.qId,
        "miUId":p.miUId,
        "vId":"{$vId}",
        "shareId":"{$sId}",
        "shareFromGuid":p.fromGuid,
        "visitId":"{$visitId}",
        "distributionId":"{$distributionId}",
        "proSource":'{$proSource}',
        "userName":'{$userName}'
    };
    var teamId = "{$teamId}";
    var miUId = "{$fromUId}";
    var qId = "{$qId}";
    var username = "{$userName}";
    var interval;
    var viewPage = {
        pageSize:3,
        page:0,
        guid:"{$guid}",
        init:function(){
            var me=this;
            if('{$status}'<1&&'{$isMe}'==1){
                $.util.ok("组团尚未成功，仍需继续努力。将本页面发送给朋友，让您的朋友也来参团吧。");
            }
            this._initcomment(me.page,function(){
                $.util.pageLoading.hide();
            });
            this.initTime();
            this._initEvent();
        },
        _initEvent:function(){
            var me = this;
            $("#join").click(function(){
                if($(this).hasClass("disabled")){return;}
                var status = '{$status}';
                var pid ='{$id}';
                if(parseInt(status)){
                    product.loadProInfo(pid,0);
                }else{
                    $.util.ok("按照团购价支付，支付成功后即可参团。参团人数满足条件，即可安排发货。",function(){
                        product.loadProInfo(pid,0);
                    });
                }
            })
            $(".productInfo").delegate(".customizedData","change",function(){
                $(this).prev().val($(this).val());
            })
        },
        _renderList:function(data,page,callback){
            var me=this;
            if(data){
                var html=template("commentTpl", data),
                        container=$("#p-comment");
                container.append(html);
                me.page=page;
                me.pageCount=data.pageCount;
                callback && callback();
                showImg();
            }
        },
        _initcomment:function(page,callback){
            var me=this;
            $.util.pageLoading.show();
            $.req.get("call.json?module=product&customerId={$customerId}&method=getcommentList",{
                userName:"{$userName}",
                params:{
                    "pid":"{$id}",
                    "start":me.page,
                    "limit":me.pageSize
                }
            },function(data){
                if(data){
                    if(data.list.length!=0)
                    {
                        me._renderList(data,page,callback);
                    }else{
                        $.util.pageLoading.hide();
                    }
                }
            });
        },
        initTime:function(){
            var endTime = '{$endTime}';
            if(endTime<=0){
                $(".time").html("团购已结束");
                $("#join").addClass("disabled");
                return;
            }
            var day = Math.floor(endTime/60/60/24);
            endTime=endTime%(60*60*24);
            var hours = Math.floor(endTime/60/60);
            endTime=endTime%(60*60);
            var minute = Math.floor(endTime/60);
            if(minute<10){
                minute = '0'+minute;
            }
            $("#minute").html(minute);
            $("#hours").html(hours);
            $("#day").html(day);
            interval = setInterval("viewPage.setTime()",60000);
        },
        setTime:function(){
            var minute = parseInt($("#minute").html());
            var hours = parseInt($("#hours").html());
            var day = parseInt($("#day").html());
            minute--;
            if(minute<0){
                $("#minute").html(59);
                hours--;
                if(hours<0){
                    $("#hours").html(24);
                    day--;
                    if(day<0){
                        $(".time").html("团购已结束");
                        $("#join").addClass("disabled");
                        clearInterval(interval);
                    }else{
                        $("#day").html(day);
                    }
                }else{
                    $("#hours").html(hours);
                }
            }else{
                if(minute<10){
                    minute = "0"+minute;
                }
                $("#minute").html(minute);
            }
        },
        getShareUrl:function(){
            var shareUrl="";
            var me=this;
            var params;
            if('{$qId}'){
                params={
                    "teamId":"{$teamId}",
                    "fromUserName":"{$fromUserName}",
                    "qId":'{$qId}',
                    "miUId":'{$miUid}'
                };
            }else{
                params={
                    "teamId":"{$teamId}",
                    "fromUserName":"{$fromUserName}"
                };
            }
            params=encodeURIComponent(JSON.stringify(params));
            shareUrl=baseUrl+'call.html?customerId={$customerId}&module=tuan&method=getView&params='+params;
            return shareUrl;
        },
        onDetail:function(){
            var customerId=$.util.getParam("customerId");
            if('{$qId}') {
                var params={
                    "id": '{$id}',
                    "qId":"{$qId}",
                    "sId":"{$sId}",
                    "miUId":'{$miUid}'
                }
            }else{
                var params = {
                    "id": '{$id}'
                }
            }
            params=encodeURIComponent(JSON.stringify(params));
            location.href=baseUrl+'call.html?customerId={$fromCustomerId}&module=product&method=getProduct&params='+params;
        },
        orderDetail:function(){
            var customerId=$.util.getParam("customerId");
            var id = '{$oid}';
            location.href = 'call.html?userName=&customerId='
            + customerId + '&force=1&module=product&method=getOrderDetail&params={"tplid":1,"id":"' + id
            +'"}';
        },
        tuan:{
            createTeamOrder: function(oid,callback) {
                var p=$.util.getParamAsObject();
                p.pid="{$id}";
                p.oid=oid;
                $.req.get("call.json?customerId={$customerId}&module=tuan&method=createTeamOrder",{
                    userName:"{$userName}",
                    params:p
                },function(data){
                    if(!data.code){
                        callback && callback(data);
                    } else {
                        $.util.alert(data.msg);
                    }
                });
            }
        }
    };
    viewPage.init();
    if('{$prodetail}'){
        var pros={$prodetail};
    }else{
        var pros = {};
    }
    template.helper("format",function(freeBuyMoney){
        return (freeBuyMoney || "").split(",");
    });
    product.init();
</script>
<script>
    var shareUrl=viewPage.getShareUrl();
    wx_share.init({
        "title":"{$title}",
        "desc":'{$recommend}',
        "link":shareUrl,
        "imgUrl": $("#shareHeadImg").val()||"",
        "pkg":{
            "appId": '{$pkg.appId}',
            "timestamp": '{$pkg.timestamp}',
            "nonceStr": '{$pkg.nonceStr}',
            "signature": '{$pkg.signature}'
        },
        success:function(config,shareType){
            var p=$.util.getParamAsObject();
            $.req.get("call.json?customerId={$customerId}&module=quan&method=saveShare",{
                params:{
                    "qId":p.qId,
                    "sId":"{$sId}",
                    "guid":detail.guid,
                    "fromGuid":p.fromGuid || "",
                    "miUId":p.miUId,
                    "shareType":shareType,
                    "fromPage":"product_detail"
                }
            },function(data){
                if(data && !data.code){
                    detail.guid=data.guid;
                }
            });
        }
    });
</script>

</html>
